import React from 'react';
import { Button, Space, Typography } from 'antd';
import { RobotOutlined, BarChartOutlined } from '@ant-design/icons';
import { useNavigate } from 'react-router-dom';
import './AI-MidPage.scss';

const { Title, Paragraph } = Typography;

const AIMidPage = () => {
  const navigate = useNavigate();

  return (
    <div className="ai-midpage">
      <div className="content-box">
        <Title level={2} className="glow-title">🚀 AI智能投研平台</Title>
        <Paragraph className="sub-text">请选择你想体验的功能</Paragraph>

        <Space direction="vertical" size="large">
          <Button 
            type="primary" 
            icon={<RobotOutlined />} 
            size="large" 
            className="glow-button"
            onClick={() => navigate('/strategy/AI-Factors')}
          >
            智能因子挖掘
          </Button>
          <Button 
            type="primary" 
            icon={<BarChartOutlined />} 
            size="large" 
            className="glow-button"
            onClick={() => navigate('/strategy/AI-Report')}
          >
            智能投资报告
          </Button>
        </Space>
      </div>
    </div>
  );
};

export default AIMidPage;

